﻿
/* PIN CELL
--------------------------------------------------------------------------------------- */
.pin {width: 250px; padding: 5px 5px 10px 5px; margin-bottom:20px; margin-right:15px; font-size: 15px; background-color: #fff; box-shadow: 0 1px 3px rgba(34,25,25,0.4); -moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4); -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4); position:relative;}
.pin .album-name { font-size:20px; color:Black; display:block; margin:5px 0px; }
.pin .PinHolder {position: relative;}
.pin .PriceContainer {position: absolute; z-index: 2; top: -15px; left: -15px; width: 110px; height: 110px; overflow: hidden;}
.pin .price {position: absolute; z-index: 2; top: 19px; left: -28px; width: 125px; height: 22px; padding-top: 8px; text-align: center; font-size: 11px; color: #524d4d; background-color: #f2f0f0; overflow: hidden; -webkit-transform: rotate(-45deg); -moz-transform:  rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg);}
.pin .ImgLink {position: relative; }
.pin .ImgLink:hover {text-decoration: none;}
.pin .ImgLink img {max-width: 192px; opacity: 1; -webkit-transition: opacity 0.3s; }
.pin .ImgLink img.lazy { opacity: 0; }
.pin .PinImage { background-color: #f2f0f0; }
.pin .PinImageImg {min-height: 75px; background-color: #f2f0f0;}
.pin .video {position: absolute; z-index: 1; top: 50%; left: 50%; width: 50px; height: 50px; margin: -25px 0 0 -25px;}
.pin .description {margin: 10px 0 5px; overflow: hidden; word-wrap: break-word;}

.pin .activity { position:absolute; top:20px; left:100px;}
.pin .select { position:absolute; left:220px; bottom:20px; }